<template>
  <div class="wrapper" ref="wrapper">
    <div class="content">
      <slot></slot>
    </div>
  </div>
</template>

<script>
  import BScroll from 'better-scroll'
    export default {
        name: "Scroll",
        props:{
          probeType:{
              type:Number,
              default:0
          },
            pullUpLoad:{
              type:Boolean,
                default:false
            }
        },
        data(){
            return {
                scroll:null
            }
        },
        mounted() {
            this.scroll = new BScroll(this.$refs.wrapper,{
                click:true,
                probeType:this.probeType,
                pullUpLoad:this.pullUpLoad
            })
            this.scroll.on("scroll",(position)=>{
              // console.log(position)
                this.$emit('scroll',position)
            })
            this.scroll.on("pullingUp",()=>{
                this.$emit('pullingUp')
            })
        },
        methods:{
            finishPullUp(){
                this.scroll && this.scroll.finishPullUp();
            },
            scrollTo(x,y,time=500){
                this.scroll && this.scroll.scrollTo(x,y,time);
            },
            refresh(){
                console.log("scroll refresh img 测试。。。");
                this.scroll && this.scroll.refresh();
            }
        }
    }
</script>

<style scoped>

</style>